body,header,ul,li{
    margin:0; 
    padding:0;
}
.topheader {
	width: 100%; height: 60px; background: green; float: left;
}
.logo {
	width: 100px; height: 60px; line-height: 60px; margin-left: 20px;
}
.logo,nav {
	float: left; overflow: hidden;
}
nav li{ float: left; list-style: none; padding:0 20px; height: 60px; line-height: 60px; text-align: center;}
nav li span{ display: inline-block; transform: rotate(90deg);}
.gongneng {
	width: 100px; height: 60px; line-height: 60px; float: right; margin-right: 20px;
}
.main {
	width: 100%; overflow: hidden; 
}
.videobox {
	position: relative;
    overflow: hidden;
}
video{ width: 100%;}
.wenzi {
	width: 100%; position:absolute; top:100px; left: 0; text-align: center;
}
.con{ width: 100%; overflow: hidden; text-align: center;}
aside{ width: 300px; height: 500px; float: left;}
article{ width: 900px; height: 800px; float: right;}
section{ text-align: left;}
footer{ width: 100%; height: 60px; line-height: 60px; text-align: center; background: blue; color:#fff;}


























